<!--<script src="http://code.jquery.com/jquery-1.9.1.js"></script>-->
<script src="/back/js/nested-sortable.js"></script>
<script>
$(document).ready(function() {  
    $('.sortable').nestedSortable({
        handle: 'div',
        items: 'li',
        toleranceElement: '> div',
        protectRoot: true,
        isTree: true,
        isAllowed: function(item, parent) {         
            var itemParentId = $(item).attr('parent');
            var parentId = $(parent).attr('numeric_id');
            parentId = !parentId?0:parentId;            
            if (itemParentId != parentId) return false;
            return true;
        }
    });
    var defaultState = $('.sortable')[0].innerHTML;
    var successDiv = '<div id="success" class="notibar msgsuccess">'
                      + '<a class="close"></a>'
                      + '<p>Смена позиций прошла успешно</p>';
                      + '</div>';
    var failDiv = '<div id="fail" class="notibar msgerror">'
                   + '<a class="close"></a>'
                   + '<p>Что-то пошло не так.Попробуй еще раз</p>'
                   + '</div>';

    $('#apply_button').live('click', function() {
        var data = $('.sortable').nestedSortable('toHierarchy');
        console.log(data);
        $.post('/admin/ajax/change-category-position', {data: data}, function(response) {
            response = JSON.parse(response);
            //console.log(response);
            if (response.result == 'success') {
                $('#status').html(successDiv);
            } else {
                $('#status').html(failDiv);
            }
        });

    })

    $('#default_state').live('click', function() {
        $('.sortable')[0].innerHTML = defaultState;
    })
});
</script>

<div class="centercontent">
    <div id="status"></div>
    <div class="contenttitle2" style="margin-left: 50px;">            
        <i>
            * Для смены позиции -- перетащите мышкой категорию в нужное место
        </i>
        <br />
        <i>
            ** Красным цветом помечены категории, у которых вы не можете менять позиции
        </i>
        <br /><hr>
        <ol class="sortable">
            <?php echo $this->categoryPositionHelper(); ?>
        </ol>
        <br />
        <p class="stdformbutton">
            <button class="stdbtn btn_lime" id="apply_button">Применить</button>
            <button class="stdbtn btn_red" id="default_state">По умолчанию</button>
        </p>        
    </div>      
</div>